<template>
  <div class="container-fluid">
    <div class="row">
      <!-- 顶部导航栏 -->
      <header class="col-md-12 bg-primary text-white p-3">
        <h1 class="text-center">停车场管理系统</h1>
      </header>

      <!-- 主内容区域 -->
      <main class="col-md-12 mt-4">
        <div class="row justify-content-center">
          <div class="col-md-8">
            <div class="card">
              <div class="card-header bg-secondary text-white">
                <h2 class="text-center">系统模块</h2>
              </div>
              <div class="card-body">
                <div class="row">
                  <div class="col-md-4 mb-4">
                    <router-link to="/login" class="btn btn-primary btn-block p-4">登录模块</router-link>
                  </div>
                  <div class="col-md-4 mb-4">
                    <router-link to="/system/user/manage" class="btn btn-secondary btn-block p-4">系统管理</router-link>
                  </div>
                  <div class="col-md-4 mb-4">
                    <router-link to="/parking/manage" class="btn btn-success btn-block p-4">车位管理</router-link>
                  </div>
                  <div class="col-md-4 mb-4">
                    <router-link to="/card/manage" class="btn btn-info btn-block p-4">IC卡管理</router-link>
                  </div>
                  <div class="col-md-4 mb-4">
                    <router-link to="/temp/entry" class="btn btn-warning btn-block p-4">临时车主</router-link>
                  </div>
                  <div class="col-md-4 mb-4">
                    <router-link to="/fixed/manage" class="btn btn-danger btn-block p-4">固定车主</router-link>
                  </div>
                  <div class="col-md-4 mb-4">
                    <router-link to="/payment/manage" class="btn btn-dark btn-block p-4">收费管理</router-link>
                  </div>
                  <div class="col-md-4 mb-4">
                    <router-link to="/report/view" class="btn btn-light border btn-block p-4">报表管理</router-link>
                  </div>
                  <div class="col-md-4 mb-4">
                    <router-link to="/settings/password" class="btn btn-primary btn-block p-4">密码设置</router-link>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </main>

      <!-- 页脚 -->
      <footer class="col-md-12 mt-4 bg-dark text-white p-3 text-center">
        <p>© 2025 停车场管理系统 版权所有</p>
      </footer>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeView'
}
</script>

<style >
/* 这里可以添加组件特定的样式 */
</style>